<template>
  <div>
    <lay-card>
      <p class="header-title">图标输入组件</p>
    </lay-card>
    <lay-container :fluid="true" style="padding: 10px;padding-top: 0px;">
      <lay-card>
        <j-icon-input style="width: 220px;" name="layui-icon-about" size="sm"/>
      </lay-card>
    </lay-container>
  </div>
</template>

<script lang="ts" setup>
import JIconInput from "@/components/JIconInput/index.vue"
</script>

<style scoped>
.header-title {
  font-size: 20px;
  font-weight: 500;
  margin-top: 12px;
  margin-bottom: 20px;
}

.header-describe {
  font-size: 14px;
  margin-bottom: 12px;
}
</style>
